<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="CSS/public.css">
    <link rel="stylesheet" href="CSS/DataResource.css">
    <link rel="stylesheet" type="text/css" href="css/page.css">
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/qs/6.7.0/qs.min.js   "></script>
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
    <script src="js/jquerymin.js"></script>
    <script src="js/axios.js"></script>
</head>

<body>
    <div class="TOP">
        <div>
            <h1>渔业管理系统</h1>
        </div>

        <ul class="nav">
            <li> <a href="index.html"> IS控制台</a></li>
            <li><a href="TaskPlann.html"> 计划任务管理</a></li>
            <li><a href="DataResource.html"> 生产主体库</a></li>
            <li><a href="#"> 命名管理</a></li>
            <li><a href="#"> 基础信息管理</a></li>
            <li><a href="System.html"> 系统管理</a></li>
        </ul>

        <div class="admin">
            <span><img src="img/用户.png" alt="" width="40" height="40"></span>
            <div class="admin_user">区级信息管理员：admin </div>
            <span><img src="img/下箭头.png" alt="" width="13" height="13"></span>
        </div>
    </div>
    <div class="Left">
        <ul class="list">
            <li> <i><img src="img/公司   城市   大厦.png" width="20" height="20"></i> 生产主体库</li>
            <li> <i><img src="img/地块.png" width="20" height="20"></i> 地块生产信息库</li>
        </ul>

    </div>

    <div class="main">
        <div class="main_p">
            <p> <span>渔业资源管理系统</span> <i>/</i> <span>生产主体</span> <i>/</i> <span>鱼塘生产主体库</span> </p>
        </div>

        <div class="query">
            <form id="form_query" action="">
                <label for="">主体名称</label>
                <div class="sz_box"><input type="text" placeholder="请输入"><span class="span"><span>0</span>/30</span>
                </div>
                <label for="">主体类型</label>
                <input type="text" placeholder="个体户">
                <label for="">镇街</label>
                <input type="text" placeholder="选择镇街">
                <label for="">村居</label>
                <input type="text" placeholder="选择村居">
                <label for="">地址</label>
                <div class="sz_box">
                    <input type="text" placeholder="请输入"><span class="span"><span>0</span>/130</span>
                </div>
                <label class="lable" for="">联系人</label>
                <div class="sz_box">
                    <input type="text" placeholder="请输入"><span class="span"><span>0</span>/30</span>
                </div>
                <label for="">联系电话</label>
                <div class="sz_box">
                    <input type="text" placeholder="请输入"><span class="span"><span>0</span>/11</span>
                </div>
                <label for="">身份证号</label>
                <div class="sz_box">
                    <input type="text" placeholder="请输入"><span class="span"><span>0</span>/18</span>
                </div>
                <div class="checkbox_box">
                    <span>行业</span>
                    <input type="checkbox" name="1">
                    <label for="">种植业</label>
                    <input type="checkbox" name="1">
                    <label for="">鱼业</label>
                </div>
                <button class="query_btn">查询</button>
                <button class="reset">重置</button>
            </form>

        </div>

        <div class="info_box">
            <table class="table" id="table_zt">
                <tr class="header">
                    <th>主体名称</th>
                    <th>联系人</th>
                    <th>电话</th>
                    <th>主体类别</th>
                    <th>主体组织结构代码</th>
                    <th>基地</th>
                    <th>主体地址</th>
                    <th>
                        <button type="button" class="btn btn-primary add" data-toggle="modal" data-target="#myModal"
                            id="creage">
                            新建
                        </button>
                        <button class="pull">导入</button>
                        <button class="push">导出</button>
                    </th>
                </tr>
                <tbody id="tobdy_1">
                <!-- <tr class="content">
                    <td>呆瓜</td>
                    <td>撒对方</td>
                    <td>1398985447</td>
                    <td>个体户</td>
                    <td>92335998完事是8972w3</td>
                    <td>基是是地</td>
                    <td>你家啊12312阿飞萨芬31</td>
                    <td> <span>查看</span> <span>编辑</span> </td>
                </tr>
                <tr class="content">
                    <td>刘志军</td>
                    <td>刘志军</td>
                    <td>1398985447</td>
                    <td>个体户</td>
                    <td>9233599889723</td>
                    <td>基地</td>
                    <td>你家啊1231231</td>
                    <td> <span>查看</span> <span>编辑</span> </td>
                </tr> -->
            </tbody>
            </table>



            <!-- 分页加载器 -->
<!-- 
            <div class="page_btn_box">
                <div class="sum">
                    <span> 共 <span> 7176 </span> 条 </span>
                </div>
                <select name="" id="">
                    <option selected>10条/页</option>
                    <option value="1"> 5条/页</option>
                    <option value="2"> 10条/页</option>
                    <option value="3"> 20条/页</option>
                    <option value="4"> 50条/页</option>
                </select>
                <button id="getbtn_up">
                    <</button> <ul class="listbtn">
                        <li><b>1</b> </li>
                        </ul>
                        <button id="get_down">> </button>
                        <span>前往</span>
                        <input class="text_page" type="text">
                        <span>页</span>
            </div> -->
            <div class="page_btn_box" >
                <div class="sum">
                    <span> 共 <span id="sum_2"> </span> 条 </span>
                </div>
                <select name="" id="strip">

                    <option selected value="10"> <span>10</span>条/页</option>
                    <option value="5"> <span>5</span> 条/页</option>
                    <option value="10"> <span>10</span>条/页</option>
                    <option value="20"> <span>20</span>条/页</option>
                    <option value="50"> <span>50</span>条/页</option>
    
                </select>

                <div style="text-align: center;margin:250px auto; display: flex;">

                    <div id="pager_2" class="pager clearfix"> </div>

                </div>
                <div>跳转<input type="text" id="Jump">页</div>

            </div>
        </div>

    </div>





    <!-- 拷贝的内容 -->
    <div class="main_copy">
        <div class="main_p">
            <p> <span>渔业资源管理系统</span> <i>/</i> <span>生产主体库</span> <i>/</i> <span>鱼塘生产信息库</span> </p>
        </div>

        <div class="query">
            <form id="form_query" action="">
                <label for="">图片ID</label>
                <input type="text" placeholder="请输入">
                <label for="">地塘块命名</label>
                <input type="text" placeholder="个体户">
                <label for="">镇街</label>
                <input type="text" placeholder="选择镇街">
                <label for="">村居</label>
                <input type="text" placeholder="选择村居">
                <label for="">所属主体</label>
                <input type="text" placeholder="请输入">
                <label class="lable" for="">地块类型</label>
                <input type="text" placeholder="请输入">
                <label for="">农产品分类</label>
                <input type="text" placeholder="请输入">
                <div class="checkbox_box">
                    <span>行业</span>
                    <input type="checkbox" name="1">
                    <label for="">种植业</label>
                    <input type="checkbox" name="1">
                    <label for="">鱼业</label>
                </div>
                <button class="query_btn">查询</button>
                <button class="reset">重置</button>
            </form>

        </div>

        <div class="info_box">
            <table class="table" id="table_dk">
                <tr class="header">
                    <th>图斑ID</th>
                    <th>地塘块命名</th>
                    <th>镇街</th>
                    <th>村居</th>
                    <th>面积（亩）</th>
                    <th>地块类型</th>
                    <th>所属主体</th>
                    <th>农产品分类</th>
                    <th>品种</th>
                    <th>
                        <button class="add_copy">导出Exlce</button>

                    </th>
                </tr>
                <tbody id="tbody">
                <!-- <tr class="content_copy">
                    <td>NHQ72624</td>
                    <td>XX镇-XX村-鱼塘-164</td>
                    <td>XX镇</td>
                    <td>XX村</td>
                    <td>6.6797</td>
                    <td>鱼塘-鱼塘</td>
                    <td>主体岗企业（<span id="Mu">0</span>亩）</td>
                    <td></td>
                    <td></td>
                    <td> <span>查看</span> </td>
                </tr> -->



                <!-- <tr class="content_copy">
                    <td>NHQ72624</td>
                    <td>XX镇-XX村-鱼塘-357</td>
                    <td>XX镇</td>
                    <td>XX村</td>
                    <td>13.3694</td>
                    <td>鱼塘-鱼塘</td>
                    <td>主体XXX（<span id="Mu">1</span>亩）</td>
                    <td>水产四大家</td>
                    <td></td>
                    <td> <span>查看</span> </td>
                </tr> -->
            </tbody>


            </table>

            <!-- 分页加载器 -->

            <div class="page_btn_box" >
                <div class="sum">
                    <span> 共 <span id="sum"> </span> 条 </span>
                </div>
                <select name="" id="strip_1">

                    <option selected value="10"> <span>10</span>条/页</option>
                    <option value="5"> <span>5</span> 条/页</option>
                    <option value="10"> <span>10</span>条/页</option>
                    <option value="20"> <span>20</span>条/页</option>
                    <option value="50"> <span>50</span>条/页</option>
    
                </select>

                <div style="text-align: center;margin:250px auto; display: flex;">

                    <div id="pager" class="pager clearfix"> </div>

                </div>
                <div>跳转<input type="text" id="Jump_2">页</div>
                

            </div>


        </div>

    </div>


    <div class="container">
        <!-- 按钮：用于打开模态框 -->

        <!-- 模态框 -->
        <div class="modal fade " id="myModal">

            <div class="modal-dialog modal-lg ">
                <div class="modal-content odivmodal ">

                    <!-- 模态框头部 -->
                    <div class="modal-header">
                        <h4 class="modal-title">新增生产主体</h4>
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                    </div>

                    <!-- 模态框主体 -->
                    <div class="modal-body">

                        <div class="containe  " style="padding: 20px;">

                            <form class="form-horizontal divform" style=" box-shadow: 0px 0px 5px #898989; "
                                role="form">
                                <nav class="navbar navbar-expand-sm bg-light">
                                    <ul class="navbar-nav row div_ul">
                                        <li class="nav-item col-sm-4">
                                            <div class="nav-link ">1</div>
                                        </li>
                                        <li class="nav-item col-sm-4">

                                            <div class="nav-link">2</div>
                                        </li>
                                        <li class="nav-item col-sm-4">

                                            <div class="nav-link">3</div>
                                        </li>
                                    </ul>
                                </nav>
                                <div class="form-group  row " style="margin-top:10px ;">
                                    <label for="firstname" class="col-sm-0  control-label   ">名字</label>
                                    <div class="col-sm-10 ">
                                        <input type="text" class="form-control" id="firstname" placeholder="请输入名字">
                                    </div>
                                </div>
                                <div class="form-group  row ">
                                    <label for="firstname" class="col-sm-0 control-label">账号</label>
                                    <div class="col-sm-10">
                                        <input type="text" class="form-control" id="firstname" placeholder="请输入账号">
                                    </div>
                                </div>
                                <div class="form-group  row">
                                    <label for="lastname" class="col-sm-0 control-label">身份证</label>
                                    <div class="col-sm-10">
                                        <input type="text" class="form-control" id="lastname" placeholder="请输身份证">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-sm-offset-2 col-sm-10">
                                        <div class="cradio row">
                                            <label>
                                                <input type="radio" name="radio">选择镇街
                                                <select name="" id="">
                                                    <option value="测试街道"></option>
                                                </select>
                                                选择村居
                                                <select name="" id="">
                                                    <option value="测试街道"></option>
                                                </select>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group  row">
                                    <label for="lastname" class="col-sm-0 control-label">地址</label>
                                    <div class="col-sm-10">
                                        <input type="text" class="form-control" id="lastname" placeholder="请输地址">
                                    </div>
                                </div>
                                <div class="form-group  row ">
                                    <label for="firstname" class="col-sm-0  control-label   ">基地名称</label>
                                    <div class="col-sm-10 ">
                                        <input type="text" class="form-control" id="firstname" placeholder="请输入基地">
                                    </div>
                                </div>
                                <div class="form-group  row ">
                                    <label for="firstname" class="col-sm-0  control-label  ">行业</label>
                                    <div class="col-sm-10 ">
                                        种植业<input type="radio" name="danxuan" class="div_radio">
                                        渔业<input type="radio" name="danxuan" class="div_radio">
                                    </div>
                                </div>
                                <div class="form-group  row ">
                                    <label for="firstname" class="col-sm-0  control-label  ">主要产品</label>
                                    <div class="col-sm-10 ">
                                        水产<input type="checkbox" class="divcheckbox">
                                        粮食<input type="checkbox" class="divcheckbox">
                                        薯类<input type="checkbox" class="divcheckbox">
                                        蔬菜<input type="checkbox" class="divcheckbox">
                                        苗木<input type="checkbox" class="divcheckbox">
                                        瓜果<input type="checkbox" class="divcheckbox">
                                        茶叶<input type="checkbox" class="divcheckbox">
                                    </div>
                                </div>
                                <div class="form-group  row ">
                                    <label for="firstname" class="col-sm-0  control-label   ">年产值（万元）</label>
                                    <div class="col-sm-10 ">
                                        <input type="text" class="form-control" id="firstname" placeholder="年产值">
                                    </div>
                                </div>
                                <div class="form-group  row ">
                                    <label for="firstname" class="col-sm-0  control-label   ">个体户介绍</label>
                                    <div class="col-sm-10 ">
                                        <textarea name="" id="" cols="100" rows="2"></textarea>
                                    </div>
                                </div>
                                <div class="form-group  row  ">
                                    <label for="firstname" class="col-sm-0  control-label   ">图片资料</label>
                                    <div class="file-box"><input class="file" type="file" accept="image/*">
                                        <div>+</div>
                                    </div>
                                </div>


                                <div class="form-group">
                                    <div class="col-sm-offset-2 col-sm-12">
                                        <button type="submit" class="btn btn-default "
                                            style="background-color: #66B1FF; width: 70px; ">保存</button>
                                        <button type="reset" class="btn btn-default "
                                            style="background-color: #898989; width: 70px; ">重置</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>














    <script src="js/jquery.z-pager.js" type="text/javascript" charset="utf-8"></script>
    <script src="api/api.js"></script> 
    <script src="JS/DataResource.js"></script>


</body>

<script type="text/javascript">
  

    function currentPage(currentPage) {
        /*
            触发页码数位置： Page/js/jquery.z-pager.js 64行
        */
        // console.log( currentPage);//页码
        
    }
    
  
</script>

</html>